
$(document).ready(function(){

    $('#about_dropdown').load("/ihtml/dropdown_about.ihtml");

    $("#about").hover(
        function() {
            var id = $(this).attr("id"); 
            var pos = $("#" + id).offset();
            var height = $("#" + id).height();
            $("#" + id + "_dropdown").css({
                "position" : "absolute" ,  
                "top": (pos.top + height - 3) + "px" , 
                "left": pos.left + "px"
            });
            
            $("#" + id + "_dropdown").show();
        
        },
        function (){
            var id = $(this).attr("id");
            $("#" + id + "_dropdown").hide();
        });
      
        
    $('div.dropdown').hover(
        function(){
            var id = $(this).attr("id"); 
            $("#" + id).show();  
          
        },
        function(){
            var id = $(this).attr("id"); 
            $("#" + id).hide();
        }
        );
     
});

